@import './vw';
@import './common1';

.content{
    &::after,&::before{
        content: "";
        display: block;
        visibility: hidden; 
    }
    &::before{
        height: vw(90);
    }
    &::after{
        height: vw(96);
    }
    .banner{
        position: relative;
        img{
            width: 100%;
        }
        .mask{
            height: vw(91);
            width: 100%;
            position: absolute;
            left: 0;
            bottom: 0;
            background-color: rgba(0,0,0,.5);
            .mask-content{
                width: vw(582);
                // height: vw(56);
                margin: 0 auto;
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                margin-top: vw(23);
                p{
                    // font-size: vw(22);
                    color: white;
                    
                }
                p{
                    font-size: vw(22);
                }
                
                p:first-child{
                    flex-basis: 100%;
                    font-size: vw(26);
                }
                .mask-time{
                    width: vw(219);
                    span{
                        font-size: vw(17);
                        color: white;
                    }
                    span:first-child{
                        margin-right: vw(16);
                    }
                    img{
                        width: vw(21);
                        height: vw(13);
                        margin-right: vw(-1);
                    }
                }
                
            }
        }
    }
    
    
    .tencent-box{
        .tencent{
            width: vw(580);
            margin: vw(22) vw(32) 0 vw(28);
            display: flex;
            justify-content: space-between;
            .tencent-img{
                img{
                    width: vw(209);
                    height: vw(141);
                }
            }
            .tencent-video{
                width: vw(355);
                height: vw(141);
                display: flex;
                flex-wrap: wrap;
                align-content: space-between;
                h1{
                    font-size: vw(26);
                    flex-basis: 100%;
                }
                p{
                    width: vw(338);
                    font-size: vw(22);
                    color: #c5c5c5;
                }
                .tencent-watch{
                    width: 100%;
                    display: flex;
                    justify-content: flex-end;
                    span{
                        font-size: vw(18);
                        color: #939393;
                        img{
                            width: vw(21);
                            height: vw(16);
                        }
                    }
                    span:first-child{
                        margin-right: vw(20);
                    }
                }
            }
        }
    }
    
    .more{
        height: vw(74);
        width: vw(581);
        margin: vw(31) auto 0;
        font-size: vw(22);
        color: #bbbbbb;
        text-align: center;
        line-height: vw(74);
        border-top: 1px solid #cecece;
        
    }
}